/*模态主题*/
*{
      box-sizing: border-box;
      --bgColor:#ecf0f3;
      --fontColor:#313840;


      --asideBg:#304156;
      --asideTextColor:#BFCBD9;
      --asideActiveTextColor:#409EFF;

}

.mimicry-box{
      -webkit-box-shadow:10px 10px 20px #bdc0c2,-10px -10px 20px #ffffff;
	box-shadow:10px 10px 20px #bdc0c2,-10px -10px 20px #ffffff;
}
/*左侧菜单*/
.el-menu{
      background-color: var(--bgColor);
      
      .is-active{
            color: var(--asideActiveTextColor)!important;
      }
}
.index-main{
      height: 100vh;
      background-color: var(--bgColor);
      
      .system-title{
            padding-left: 10px;
      }
      /**界面头部 */
      .index-header{
            padding: 0;
            span{
                  // padding:25px 0 0 0;
                  letter-spacing: 3px;
                  font-size: 14px;
            }
            .index-header-box{
                  width: 100%;
                  height: 60px;
                  padding: 0 20px;
                  display: flex;
                  justify-content: space-between;
                  color: var(--fontColor);

                  .header-left,.header-right{
                        display: flex;
                        height: 100%;
                        align-items: center;

                        i{
                              font-size: 16px;
                              cursor: pointer;
                              color: var(--themeColor);
                              display: inline-block;
                              width: 30px;
                              height: 30px;
                              border-radius: 50%;
                              text-align: center;
                              line-height: 30px;
                              box-shadow:10px 10px 20px #bdc0c2,-10px -10px 20px #ffffff;
                        }

                        span{
                              font-size: 14px;
                              letter-spacing: 1.5px;

                              i{
                                    font-size: 16px;
                              }
                        }

                        .el-tag--success{
                              height: 30px;
                              background-color:transparent;
                              border: none;
                              line-height: 30px;
                              color: var(--themeColor);
                              padding: 0 10px;
                              border-radius: 20px;
                              box-shadow:10px 10px 20px #bdc0c2,-10px -10px 20px #ffffff;
                        }
                  }
            }
      }

      /**界面侧栏 */
      .index-aside{
            user-select: none;
            ul{
                  height: 100%;
            }
      }
      /**内容 */
      .index-body{
            padding: 0;
      }
}
.zhan{
      width: 30px;
      height: 1px;
}
.el-tabs__header{
      margin: 0;
}
.el-tabs__content{
      display: none;
}
// .el-tooltip{
//       background-color: rgba(0,0,0,0.5);
// }

/**菜单折叠 */
.fold{
      transition: width 0.5s;
}
.unfold{
transition: width 0.5s;
      width: 200px;
}


/**标签 */
.tabs-box{
      // background-color: var(--themeColor);
      overflow: hidden;

      .el-tabs__item:hover{
            background-color: rgb(231, 230, 230);
      }

      .el-tabs__item.is-active{
            color: var(--themeColor);
            background-color: #fff;
      }

      /**窗口标签 */
      .el-tabs__item{
            height: 30px;
            line-height: 30px;
            font-size: 12px;
            border-radius: 400px;
            color: var(--fontColor);
            border: none;
            font-weight: 700;
      }
}


.el-tabs__nav{
      background-color: var(--bgColor)!important;
      border: none!important;
}
/**标签左右切换按钮 */
.el-tabs__nav-next, .el-tabs__nav-prev{
      line-height: 30px;
      color: rgb(222, 222, 222);
}


/*样式常量*/
*{
      /*主题色*/
      --themeColor:#00A3FF;
}

/*侧栏图标颜色*/
.el-submenu__title i{
      
      /* color: #FFF; */
}
.el-submenu__title{
      color: #909399!important;
}
.el-breadcrumb__inner{
      color: var(--fontColor)!important;
      font-weight: 700!important;
}
.el-dropdown i{
      color: #1F2D3D!important;
}
/*主页上方样式*/
.index-header-box{
      //background-color: #304156;
} 
/*LOGO样式*/
.logo-box{
      font-weight: 700;
      height: 60px;
      color: var(--themeColor)!important;
      font-size: 16px;

      .el-tooltip{
            padding: 0px 10px!important;
      }

      i{
            height: 45px;
            width: 45px;
            display: inline-block;
            line-height: 45px;
            text-align: center;
            border-radius: 50%;
            // border:2px solid var(--bgcolor);
            // box-shadow:10px 10px 20px #bdc0c2,-10px -10px 20px #ffffff,inset 10px 10px 20px #bdc0c2,inset -10px -10px 20px #ffffff;
            box-shadow:10px 10px 20px #bdc0c2,-10px -10px 20px #ffffff;

      }
}
.el-submenu__title:hover{
      background-color:transparent;
}
.el-menu-item:hover{
      background-color:transparent;
      color: var(--themeColor)!important;
      font-weight: 700;
}
.el-menu-item{
      color: #909399!important;
      font-weight: 400;
}
.is-active{
      color: var(--themeColor)!important;
      font-weight: 700;
}
/*子菜单背景颜色*/
.el-submenu .el-menu-item{
      min-width: 199px;
      background-color:var(--bgColor)!important;
      
}
/*子菜单背景鼠标悬浮颜色*/
// .el-submenu .el-menu-item:hover{
//       // background-color:#001528!important;
//       color: var(--themeColor)!important;
// }
/* 表单校验提示信息 */
.form-rule{
      height: 20px;
      line-height: 20px;
      font-size: 12px;
      color: red;
}
.el-table--border, .el-table--group{
      border-radius: 5px;
      overflow: hidden;
}
/**盛放按钮的盒子 */
.button-box{
      padding:15px 0 5px 0;
}
/*子页面样式*/
.app-body{
      padding: 5px 10px;
}
/**页码盒子统一样式 */
.page-box{
      padding: 20px 0;
      text-align: right;
}
/* 弹出框标题背景色*/
.el-dialog{
      border-radius: 12px!important;
      overflow: hidden;
}
.el-dialog__header{
      background-color: var(--themeColor);
}
.el-dialog__close{
      color: white!important;
}
.el-dialog__title{
      color: white!important;
}
/*条件查询样式*/
.info-search-box .search{
      height: 60px;
      display: flex;
      line-height: 60px;
      /* width: 1200px; */
}
.info-search-box .search .search-item{
      font-size: 12px;
      padding:0 15px;
      color: #666;
      vertical-align: top;
      font-weight: 600;
}
.info-search-box .search .el-input{
      width: 200px;
}
/*登录页背景*/
.tworice-login-bg{
      overflow: hidden;
      background-image: url('~@/assets/img/loginBg.jpg');
      background-size: 100%;
      font-family: "montserrat";
      /* animation: bganimation 15s infinite; */
}
/**背景动画 */
@keyframes bganimation{
      0%{
          background-position: 0% 50%;
      }
      50%{
          background-position: 100% 50%;
      }
      100%{
          background-position: 0% 50%;
      }
}
.min-height{
      min-height: 1vh;
}
/*标签左右切换*/
.el-tabs__nav-prev,.el-tabs__nav-next{
      color: var(--themeColor);
}